<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,maximum-scale=1.0">
    <title>小组详情</title>
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/main.css"/>
    <script src="js/zepto-1.2.0.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div class="nav">
    <a class="logo" href="javascript:;"></a>
    <a class="myClass" href="groupAdd.html">我的小组</a>
    <span class="a_nav"></span>
</div>
<header>
    <div class="prod_flow invite_class">
        <span>了解课程</span>—
        <span>填写信息</span>—
        <span class="s_active">邀请朋友加入小组</span>—
        <span>支付</span>
    </div>
    <div class="auditioned_class">
        【试听课】邀请成员到期之后，就可以开课了，快去邀请好友吧~
    </div>
</header>
<section class="sec_orderPay">
    <div class="class_detail">
        <div class="class_member"><span>申请加入</span></div>
        <li>
            <div class="vipPic pic_position">
                <img src="images/girl_cry.jpg" alt="会员图片"/>
            </div>
            <div class="vipName">
                <span>骑驴去跑马</span>
                <span>∨</span>
                <span>组长</span>
            </div>
            <a href="javascript:;" class="div_refuse">拒绝</a>
            <a href="javascript:;" class="div_agree">同意</a>
            <div class="clearfix"></div>
            <div class="vip_information">
                <p>家长姓名：<em>吾问无为谓</em></p>
                <p>联系方式：<em>8644389</em></p>
                <p>孩子年龄：<em>5</em></p>
            </div>
        </li>
    </div>
    <div class="p_select">
        <a href="form_vip.html">
            <span class="s_left" style="color: #787878;">你的资料尚不完全，快去补充吧！</span>
            <span class="s_right">&gt;</span>
        </a>
    </div>
    <div class="class_detail">
        <div class="class_member">
            <span>小组成员</span> 进度<em class="em_red">1</em>/3
        </div>
        <li>
            <div class="vipPic pic_position">
                <img src="images/girl_cry.jpg" alt="会员图片"/>
            </div>
            <div class="vipName">
                <span>骑驴去跑马</span>
                <span>∨</span>
                <span>组长</span>
            </div>
            <a href="javascript:;" class="vipQuit">退出</a>
            <div class="vipAlipay static">未支付</div>
            <div class="clearfix"></div>
            <div class="vip_information">
                <p>家长姓名：<em>吾问无为谓</em></p>
                <p>联系方式：<em>8644389</em></p>
                <p>孩子年龄：<em>5</em></p>
            </div>
        </li>
        <li class="static">
            <div class="vipPic pic_position">
                <img src="images/vip_who.png" alt="会员图片"/>
            </div>
            <div class="vipName">
                <em>待邀请</em>
            </div>
            <a href="javascript:;" class="vipQuit static">移出</a>
            <div class="vipAlipay">未支付</div>
            <div class="vip_information">
                <p>家长姓名：<em>吾问无为谓</em></p>
                <p>联系方式：<em>8644389</em></p>
                <p>孩子年龄：<em>5</em></p>
            </div>
        </li>
        <li class="static">
            <div class="vipPic pic_position">
                <img src="images/vip_who.png" alt="会员图片"/>
            </div>
            <div class="vipName">
                <em>待邀请</em>
            </div>
            <a href="javascript:;" class="vipQuit static">移出</a>
            <div class="vipAlipay">未支付</div>
            <div class="vip_information">
                <p>家长姓名：<em>吾问无为谓</em></p>
                <p>联系方式：<em>8644389</em></p>
                <p>孩子年龄：<em>5</em></p>
            </div>
        </li>
    </div>
    <div class="coupons"><img src="images/coupons.jpg" alt="优惠券信息"/></div>
</section>
<footer class="space_use"></footer>
<div class="list_nav">
    <li><a href="index.html">首页</a></li>
    <li><a href="index.html">正式课程</a></li>
    <li><a href="javascript:;">预约试听</a></li>
    <li><a href="javascript:;">附近小组</a></li>
    <li><a href="vipCenter.html">个人中心</a></li>
</div>
<div class="go_alipay">
    <a class="a_alipay" href="orderPay.html">去支付</a>
</div>
</body>
</html>